<template>
    <div>
        {{name}}
        <button @click='changeName'>change</button>
    </div>
</template>
<script>
export default {
    props:{
        name:{
            type:String,
            default:'哈哈',
        },
        obj:{
            //对象和数组要用函数返回
            type:Object,
            default:function(){
                return {
                    id:0,
                    name:'11',
                    $:0,
                }
            }
        }
    },
    methods:{
        changeName(){
            //this.$emit 子传父
            // .sync修饰符，修改纯值很好用
            // .sync让props拥有"双向绑定"
            this.$emit('update:name',"的老婆")
        }
    }
}
</script>
<style lang="scss">
// >>>深度选择器 在scss里使用

</style>